<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title></title>
		<link href="../css/ui.min.css" rel="stylesheet">
		<link href="../fonts/iconfont.css" rel="stylesheet">
		<link href="../css/common.css" rel="stylesheet"><!-- 样式 -->
		<link rel="stylesheet" type="text/css" href="../css/admin.css" />
		<link rel="stylesheet" type="text/css" href="../js/datepicker/jquery.datetimepicker.min.css" />
		<script src="../js/jquery.min.js"></script>
		<script src="../js/select2/js/select2.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/datepicker/jquery.datetimepicker.full.min.js" type="text/javascript" charset="utf-8">
		</script>
		<script src="../js/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="header">
			<div class="h-bar">
				<div class="container">
					<div class="login-wel"><img src="../images/buy/wel.png" alt="">串串的店您好,欢迎来到创业模拟电商平台!<a
							href="">[退出]</a></div>
					<div class="h-menu">
						<img src="../images/web/user.png"> <a href="" class="lk">登录</a> <span class="line">|</span> <a
							href="" class="lk">免费注册</a>
					</div>
					<ul class="h-link">
						<li><a href="">消息<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="">收藏夹</a></li>
						<li class="line"></li>
						<li><a href="../BuyerCenter/买家中心.html">买家中心</a></li>
						<li class="line"></li>
						<li><a href="../BuyerCenter/购物车.html">购物车<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="开店.html">卖家中心</a> </li>
						<li class="line"></li>
						<li><a href="../帮助中心.html"><i class="iconfont icon-help"></i>帮助中心</a></li>
					</ul>
				</div>
			</div>
			<div class="container">
				<div class="nav-grid clearfix">
					<div class="logo"><a href="../首页.html"><img src="../images/web/logo.png"></a></div>
					<div class="nav-search buy-nav-search">
						<div class="search-bar">
							<div class="search-select">
								<select name="" class="select">
									<option value="">宝贝</option>
									<option value="">店铺</option>
								</select>
							</div>
							<script type="text/javascript">
								$('.select').select2()
							</script>
							<div class="search-v">
								<input type="text" placeholder="请输入您要查询的内容" class="input">
							</div>
							<button class="btn btn-default" type="button">搜搜</button>
						</div>
						<div class="key-box">
							<span class="iconfont icon-remen"></span><span>热门搜索：</span><a href="">男装</a><a
								href="">女装</a><a href="">母婴</a><a href="">化妆品</a>
						</div>
					</div>
				</div>
				<div class="navbar buy-navbar">
					<div class="cate-nav">
						<div class="cate-nav-text"><span class="iconfont icon-NMStubiao-"></span>卖家中心</div>
					</div>
					<ul class="navbar-nav">
						<li><a href="../BuyerCenter/买家中心.html">买家中心</a></li>
						<li><a href="账户管理.html">我的账户</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="container">
				<div class="main-row clearfix">
					<div class="main-left">
						<div class="side">
							<div class="side-head">
								<span class="side-head-icon"><img src="../images/buy/buy.png" alt=""></span>我是卖家
							</div>
							<ul class="side-menu seller-side">
								<li class="side-submenu">
									<span><i class="iconfont icon-shangpin"></i>商品管理</span>
									<ul class="submenu-nav clearfix">
										<li>
											<a href="商品发布.html">商品发布</a>
										</li>
										<li>
											<a href="仓库中的商品.html">仓库中的商品</a>
										</li>
										<li>
											<a href="违规下架商品.html">违规下架商品</a>
										</li>
										<li>
											<a href="商品分类.html">商品分类</a>
										</li>
										<li>
											<a href="品牌申请.html">品牌申请</a>
										</li>
										<li>
											<a href="被举报禁售.html">被举报禁售</a>
										</li>
									</ul>
								</li>
								<li class="side-submenu">
									<span><i class="iconfont icon-jiaoyiliushui"></i>交易管理</span>
									<ul class="submenu-nav clearfix">
										<li>
											<a href="订单管理.html">订单管理</a>
										</li>
										<li>
											<a href="退款管理.html">退款管理</a>
										</li>
										<li>
											<a href="退货管理.html">退货管理</a>
										</li>
										<li>
											<a href="评价管理.html">评价管理</a>
										</li>
									</ul>
								</li>
								<li class="side-submenu">
									<span><i class="iconfont icon-shop"></i>店铺管理</span>
									<ul class="submenu-nav clearfix">
										<li>
											<a href="店铺首页.html">我的店铺</a>
										</li>
										<li>
											<a href="店铺设置.html">店铺设置</a>
										</li>
										<li>
											<a href="店铺保证金.html">店铺保证金</a>
										</li>
										<li>
											<a href="子账户管理.html">子账户管理</a>
										</li>
										<li>
											<a href="主题设置.html">主题设置</a>
										</li>
										<li>
											<a href="导航管理.html">导航管理</a>
										</li>
										<li>
											<a href="友情链接.html">友情链接</a>
										</li>
									</ul>
								</li>
								<li class="side-submenu">
									<span><i class="iconfont icon-wuliuxinxi"></i>物流设置</span>
									<ul class="submenu-nav clearfix">
										<li>
											<a href="服务商管理.html">服务商管理</a>
										</li>
										<li>
											<a href="运费模板设置.html">运费模板设置</a>
										</li>
										<li>
											<a href="地址库管理.html">地址库管理</a>
										</li>
									</ul>
								</li>
								<li class="side-submenu">
									<span><a href="商城服务.html"><i class="iconfont icon-fuwu"></i>商城服务</span></a>
									<ul class="submenu-nav clearfix">
									</ul>
								</li>
								<li class="side-submenu">
									<span><i class="iconfont icon-lipin1"></i>促销管理</span>
									<ul class="submenu-nav clearfix">
										<li>
											<a href="促销管理-团购活动.html">团购活动</a>
										</li>
										<li>
											<a href="促销管理-聚划算.html">聚划算</a>
										</li>
										<li>
											<a href="促销管理-百亿补贴.html">百亿补贴</a>
										</li>
									</ul>
								</li>
								<li class="side-submenu">
									<span><i class="iconfont icon-shezhi"></i>其他设置</span>
									<ul class="submenu-nav clearfix">
										<li>
											<a href="账户管理.html">账户管理</a>
										</li>
										<li>
											<a href="图片库管理.html">图片库管理</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
					<div class="main-right line-bg">
						<div class="card">
							<div class="breadcrumb">
								<a href="卖家中心.html">卖家中心</a>  > <span class="text-warn">店铺设置</span>
							</div>
						</div>
						<div class="card radius-card">
							<div class="buy-panel">
								<div class="slideTxtBox">
									<div class="hd">
										<ul>
											<li>店铺设置</li>
											<li>店铺幻灯</li>
											<li>店铺地图</li>
											<li>店铺认证</li>
										</ul>
									</div>
									<div class="bd">
										<div class="order-panel p70">
											<form action="" class="tk-form info-form label-w set-form">
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">店铺标志：</span>
													<div class="left">
														<div class="upload-icon">
															<input type="file" id="img_file" class="img_file" onchange="showImg('img_file','img_id','picBz')"
																accept="image/*" value="">
															<img src="../images/buy/alt.png" alt="" id="img_id">
															<img class="show-hidden" alt="" id="picBz">
														</div>
														<div class="advise">此处为您的店铺标志，将显示在店铺信息栏里，<span class="text-orange">建议尺寸100*100像素</span></div>
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">店招：</span>
													<div class="left sign">
														<div class="upload-icon">
															<input type="file" id="img_file2" class="img_file" onchange="showImg('img_file2','img_id2','picBz2')"
																accept="image/*" value="">
															<img src="../images/buy/alt.png" alt="" id="img_id2">
															<img class="show-hidden" alt="" id="picBz2">
														</div>
														<div class="advise">此处为您的店招，将显示在店铺导航上方的banner位置，<span
																class="text-orange">建议尺寸宽度为1000像素</span>，店标与店招只有点击"提交"后才能生效
														</div>
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">店铺名称：</span>
													<input type="password" class="form-control" placeholder="水果佳园" />
													<a href="" class="text-warn back-index">我的店铺首页</a>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">店铺等级：</span>
													<span class="grade-defult">默认等级</span>
													<span class="grade-update text-warn" data-toggle="modal"
														data-target="#modal"><i
															class="iconfont icon-update"></i>升级店铺</span>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">所在地区：</span>
													<select name="" class="form-control selectpicke">
														<option value="">请选择</option>
														<option value="">请选择</option>
														<option value="">请选择</option>
													</select>
													<select name="" class="form-control selectpicke">
														<option value="">请选择</option>
														<option value="">请选择</option>
														<option value="">请选择</option>
													</select>
													<select name="" class="form-control selectpicke">
														<option value="">请选择</option>
														<option value="">请选择</option>
														<option value="">请选择</option>
													</select>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">详细地址：</span>
													<input type="text" class="form-control"
														placeholder="海淀区知春路1号学院国际大厦" />
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">联系电话：</span>
													<input type="tel" class="form-control" />
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">联系QQ：</span>
													<input type="tel" class="form-control" />
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">SEO关键字：</span>
													<div class="left">
														<div class="clearfix input-block"><input type="tel"
																class="form-control" /></div>
														<div class="advise">用于店铺搜索引擎的优化，关键字之间请用英文逗号分隔</div>
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">SEO描述：</span>
													<div class="left">
														<div class="clearfix input-block"><textarea rows="" cols=""
																class="form-control textarea-control"
																style="width: 425px; height: 100px;"></textarea></div>
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">店铺介绍：</span>
													<div class="left">
														<div class="clearfix input-block"><textarea rows="" cols=""
																class="form-control textarea-control"
																style="width: 425px; height: 100px;"></textarea></div>
														<div class="advise">详细介绍店铺，为买家提供更多的了解</div>
													</div>
												</div>
											</form>
											<div class="apply-btn p20">
												<button type="button" class="btn btn-default">保存</button>
											</div>
										</div>
										<div class="order-panel p70">
											<form action="" class="tk-form info-form set-form slide-form">
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">幻灯1：</span>
													<div class="left">
														<div class="upload-silde">
															<input type="file" id="bannerInput" class="img_file" onchange="showImg('bannerInput','bannerIcon','picShow')"
																accept="image/*" value="">
															<img src="../images/buy/alt.png" alt="" id="bannerIcon">
															<img class="show-hidden" alt="" id="picShow">
														</div>
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">URL：</span>
													<div class="left">
														<div class="clearfix input-block"><input type="tel"
																class="form-control" /></div>
														<div class="advise">此处为您的店铺首页幻灯，<span
																class="text-orange">建议尺寸797*393像素</span></div>
													</div>
												</div>
											</form>
											<form action="" class="tk-form info-form set-form slide-form">
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">幻灯2：</span>
													<div class="left">
														<div class="upload-silde">
															<input type="file" id="bannerInput2" class="img_file" onchange="showImg('bannerInput2','bannerIcon2','picShow2')"
																accept="image/*" value="">
															<img src="../images/buy/alt.png" alt="" id="bannerIcon2">
															<img class="show-hidden" alt="" id="picShow2">
														</div>
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">URL：</span>
													<div class="left">
														<div class="clearfix input-block"><input type="tel"
																class="form-control" /></div>
														<div class="advise">此处为您的店铺首页幻灯，<span
																class="text-orange">建议尺寸797*393像素</span></div>
													</div>
												</div>
											</form>
											<form action="" class="tk-form info-form set-form slide-form">
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">幻灯3：</span>
													<div class="left">
														<div class="upload-silde">
															<input type="file" id="bannerInput3" class="img_file" onchange="showImg('bannerInput3','bannerIcon3','picShow3')"
																accept="image/*" value="">
															<img src="../images/buy/alt.png" alt="" id="bannerIcon3">
															<img class="show-hidden" alt="" id="picShow3">
														</div>
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">URL：</span>
													<div class="left">
														<div class="clearfix input-block"><input type="tel"
																class="form-control" /></div>
														<div class="advise">此处为您的店铺首页幻灯，<span
																class="text-orange">建议尺寸797*393像素</span></div>
													</div>
												</div>
											</form>
											<form action="" class="tk-form info-form set-form slide-form">
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">幻灯4：</span>
													<div class="left">
														<div class="upload-silde">
															<input type="file" id="bannerInput4" class="img_file" onchange="showImg('bannerInput4','bannerIcon4','picShow4')"
																accept="image/*" value="">
															<img src="../images/buy/alt.png" alt="" id="bannerIcon4">
															<img class="show-hidden" alt="" id="picShow4">
														</div>
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">URL：</span>
													<div class="left">
														<div class="clearfix input-block"><input type="tel"
																class="form-control" /></div>
														<div class="advise">此处为您的店铺首页幻灯，<span
																class="text-orange">建议尺寸797*393像素</span></div>
													</div>
												</div>
											</form>
											<form action="" class="tk-form info-form set-form slide-form">
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">幻灯5：</span>
													<div class="left">
														<div class="upload-silde">
															<input type="file" id="bannerInput5" class="img_file" onchange="showImg('bannerInput5','bannerIcon5','picShow5')"
																accept="image/*" value="">
															<img src="../images/buy/alt.png" alt="" id="bannerIcon5">
															<img class="show-hidden" alt="" id="picShow5">
														</div>
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">URL：</span>
													<div class="left">
														<div class="clearfix input-block"><input type="tel"
																class="form-control" /></div>
														<div class="advise">此处为您的店铺首页幻灯，<span
																class="text-orange">建议尺寸797*393像素</span></div>
													</div>
												</div>
											</form>
											<div class="apply-btn p20">
												<button type="button" class="btn btn-default">保存</button>
											</div>
										</div>
										<div class="order-panel p70">
											<form action="" class="tk-form info-form label-w1 set-form">
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">选择地图：</span>
													<div class="radio-group left">
														<label class="clearfix">
															<input type="radio" name="map" class="radio" />
															<span>百度地图</span>
														</label>
														<label class="clearfix">
															<input type="radio" name="map" class="radio" />
															<span>Google地图</span>
														</label>
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">输入地址：</span>
													<input type="tel" class="form-control" />
													<button type="button"
														class="btn btn-default location-btn">搜索位置</button>
												</div>
												<div class="tk-form-item clearfix">
													<img src="../images/seller/map.png" alt="">
												</div>
											</form>
										</div>
										<div class="order-panel p70">
											<form action="" class="tk-form info-form label-w1 set-form">
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">店铺类型：</span>
													<span class="tk-form-val">个人店铺</span>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">身份证：</span>
													<div class="left form-pic">
														<img src="../images/seller/idcard1.png">
													</div>
													<div class="left form-pic">
														<img src="../images/seller/idcard2.png">
													</div>
												</div>
												<div class="tk-form-item clearfix">
													<span class="tk-form-label">营业执照：</span>
													<div class="left form-pic">
														<img src="../images/seller/zz.png">
													</div>
												</div>
											</form>
											<div class="apply-btn p20">
												<button type="button" class="btn btn-default" data-toggle="modal"
													data-target="#modal">提交</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Modal -->
		<div class="modal fade refund-modal" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document" style="width: 350px;">
				<div class="modal-content">
					<div class="modal-header u-center">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
								aria-hidden="true"><span class="iconfont icon-close"></span></span></button>
						<h4 class="modal-title" id="myModalLabel">提示</h4>
					</div>
					<div class="modal-body">
						<p class="report">店铺升级需提交店铺保证金，请稍后操作</p>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="foot-row clearfix">
					<div class="foot-item">
						<img src="../images/web/f1.png"><span>学习平台</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f2.png"><span>供销系统</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f3.png"><span>管理系统</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f4.png"><span>正保创业实训网</span>
					</div>
					<div class="foot-tel">
						<span class="txt">联系我们</span><span class="tel-v">010-82336106</span>
					</div>
				</div>
				<div class="foot-info">
					本商城系统为非经营性网站。商城所有店铺为虚拟店铺,所有上架商品,仅是模拟教学使用,请勿真实下单、真实支付。
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.side-submenu>span').click(function() {
					$(this).siblings().toggle()
				});
				jQuery(".slideTxtBox").slide({
					trigger: "click"
				});

			});

			function showImg(fileid,iconDemo,picShow) {
				// var img_file =  $("#img_file").val();
				var file = document.getElementById(fileid).files[0];
				var re = new FileReader();
				re.readAsDataURL(file);
				re.onload = function(re) {
					$('#'+picShow).attr("src", re.target.result);
					$('#'+iconDemo).hide()
					$('#'+picShow).show()
				}
			}
		</script>
	</body>
</html>
